
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-shanchu"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jia"></i>
                    <div class="name">加</div>
                    <div class="fontclass">.icon-jia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jia1"></i>
                    <div class="name">加</div>
                    <div class="fontclass">.icon-jia1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yanjing"></i>
                    <div class="name">眼睛</div>
                    <div class="fontclass">.icon-yanjing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji1"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu1"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-QQ"></i>
                    <div class="name">QQ</div>
                    <div class="fontclass">.icon-QQ</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zan2"></i>
                    <div class="name">赞</div>
                    <div class="fontclass">.icon-zan2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiaoshiguanli"></i>
                    <div class="name">教师管理</div>
                    <div class="fontclass">.icon-jiaoshiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-44"></i>
                    <div class="name">人</div>
                    <div class="fontclass">.icon-44</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenxiang"></i>
                    <div class="name">分享</div>
                    <div class="fontclass">.icon-fenxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontshezhi"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-iconfontshezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua1"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianaini"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.icon-shijianaini</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-denglu"></i>
                    <div class="name">登录</div>
                    <div class="fontclass">.icon-denglu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paixu3"></i>
                    <div class="name">排序</div>
                    <div class="fontclass">.icon-paixu3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ttpodicon1"></i>
                    <div class="name">更多</div>
                    <div class="fontclass">.icon-ttpodicon1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouji"></i>
                    <div class="name">手机</div>
                    <div class="fontclass">.icon-shouji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouqi3"></i>
                    <div class="name">收起</div>
                    <div class="fontclass">.icon-shouqi3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ttpodicon"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-ttpodicon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijian1"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.icon-shijian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paixu"></i>
                    <div class="name">排序</div>
                    <div class="fontclass">.icon-paixu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongneng"></i>
                    <div class="name">功能</div>
                    <div class="fontclass">.icon-gongneng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xingxing"></i>
                    <div class="name">星星</div>
                    <div class="fontclass">.icon-xingxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gengduo"></i>
                    <div class="name">更多</div>
                    <div class="fontclass">.icon-gengduo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youxiang"></i>
                    <div class="name">邮箱</div>
                    <div class="fontclass">.icon-youxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanbi"></i>
                    <div class="name">关闭</div>
                    <div class="fontclass">.icon-guanbi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinjianwenjian"></i>
                    <div class="name">新建文件</div>
                    <div class="fontclass">.icon-xinjianwenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuangongzhenghover"></i>
                    <div class="name">员工证hover</div>
                    <div class="fontclass">.icon-yuangongzhenghover</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-msnui-save"></i>
                    <div class="name">保存</div>
                    <div class="fontclass">.icon-msnui-save</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiazai"></i>
                    <div class="name">下载</div>
                    <div class="fontclass">.icon-xiazai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconyuangong"></i>
                    <div class="name">员工</div>
                    <div class="fontclass">.icon-iconyuangong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-circle"></i>
                    <div class="name">圆</div>
                    <div class="fontclass">.icon-circle</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zengjiasuojinliang"></i>
                    <div class="name">增加缩进量</div>
                    <div class="fontclass">.icon-zengjiasuojinliang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yulan"></i>
                    <div class="name">预览</div>
                    <div class="fontclass">.icon-yulan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gengduo1"></i>
                    <div class="name">更多</div>
                    <div class="fontclass">.icon-gengduo1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-denglumima"></i>
                    <div class="name">登录密码</div>
                    <div class="fontclass">.icon-denglumima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhongmingming"></i>
                    <div class="name">重命名</div>
                    <div class="fontclass">.icon-zhongmingming</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paixu4"></i>
                    <div class="name">排序</div>
                    <div class="fontclass">.icon-paixu4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouqi2"></i>
                    <div class="name">收起</div>
                    <div class="fontclass">.icon-shouqi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo1"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-teshufuhao"></i>
                    <div class="name">特殊符号</div>
                    <div class="fontclass">.icon-teshufuhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dizhi"></i>
                    <div class="name">地址</div>
                    <div class="fontclass">.icon-dizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiazai1"></i>
                    <div class="name">下载</div>
                    <div class="fontclass">.icon-xiazai1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-warn"></i>
                    <div class="name">叹号</div>
                    <div class="fontclass">.icon-warn</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucang2"></i>
                    <div class="name">收藏</div>
                    <div class="fontclass">.icon-shoucang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bofang"></i>
                    <div class="name">播放</div>
                    <div class="fontclass">.icon-bofang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo2"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caijiaohu"></i>
                    <div class="name">踩——交互</div>
                    <div class="fontclass">.icon-caijiaohu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zanjiaohu"></i>
                    <div class="name">赞——交互</div>
                    <div class="fontclass">.icon-zanjiaohu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ziji"></i>
                    <div class="name">自己</div>
                    <div class="fontclass">.icon-ziji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongneng1"></i>
                    <div class="name">功能</div>
                    <div class="fontclass">.icon-gongneng1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanbi1"></i>
                    <div class="name">关闭</div>
                    <div class="fontclass">.icon-guanbi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tupian1"></i>
                    <div class="name">图片</div>
                    <div class="fontclass">.icon-tupian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rizhi"></i>
                    <div class="name">日志</div>
                    <div class="fontclass">.icon-rizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-user"></i>
                    <div class="name">用户</div>
                    <div class="fontclass">.icon-user</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ti"></i>
                    <div class="name">题</div>
                    <div class="fontclass">.icon-ti</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-svg44"></i>
                    <div class="name">发送</div>
                    <div class="fontclass">.icon-svg44</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenyixia"></i>
                    <div class="name">问一下</div>
                    <div class="fontclass">.icon-wenyixia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouqiquanping"></i>
                    <div class="name">收起全屏</div>
                    <div class="fontclass">.icon-shouqiquanping</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zan3"></i>
                    <div class="name">赞</div>
                    <div class="fontclass">.icon-zan3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-exampaper"></i>
                    <div class="name">试卷库</div>
                    <div class="fontclass">.icon-exampaper</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jian1"></i>
                    <div class="name">减</div>
                    <div class="fontclass">.icon-jian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-boshi"></i>
                    <div class="name">博士</div>
                    <div class="fontclass">.icon-boshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zliconweibo01"></i>
                    <div class="name">微博</div>
                    <div class="fontclass">.icon-zliconweibo01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-monikaoshi"></i>
                    <div class="name">模拟考试</div>
                    <div class="fontclass">.icon-monikaoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jilu"></i>
                    <div class="name">记录</div>
                    <div class="fontclass">.icon-jilu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yulan1"></i>
                    <div class="name">预览</div>
                    <div class="fontclass">.icon-yulan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lesson"></i>
                    <div class="name">课程</div>
                    <div class="fontclass">.icon-lesson</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-geren"></i>
                    <div class="name">个人</div>
                    <div class="fontclass">.icon-geren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipin"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yaoqing"></i>
                    <div class="name">邀请</div>
                    <div class="fontclass">.icon-yaoqing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-05lianxiren"></i>
                    <div class="name">05联系人</div>
                    <div class="fontclass">.icon-05lianxiren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wancheng"></i>
                    <div class="name">完成</div>
                    <div class="fontclass">.icon-wancheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-1154tongxunshebei"></i>
                    <div class="name">1154-通讯设备</div>
                    <div class="fontclass">.icon-1154tongxunshebei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xueyuanpinglun"></i>
                    <div class="name">学员评论</div>
                    <div class="fontclass">.icon-xueyuanpinglun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-redian"></i>
                    <div class="name">热点</div>
                    <div class="fontclass">.icon-redian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qun"></i>
                    <div class="name">群</div>
                    <div class="fontclass">.icon-qun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-piliang"></i>
                    <div class="name">批量</div>
                    <div class="fontclass">.icon-piliang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-boxremove"></i>
                    <div class="name">上传</div>
                    <div class="fontclass">.icon-boxremove</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-listtable"></i>
                    <div class="name">列表模式</div>
                    <div class="fontclass">.icon-listtable</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanxian"></i>
                    <div class="name">权限</div>
                    <div class="fontclass">.icon-quanxian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhangjielianxi"></i>
                    <div class="name">章节练习</div>
                    <div class="fontclass">.icon-zhangjielianxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuaxin"></i>
                    <div class="name">shuaxin</div>
                    <div class="fontclass">.icon-shuaxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconmingdaofenxiang"></i>
                    <div class="name">icon_明道分享</div>
                    <div class="fontclass">.icon-iconmingdaofenxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontshuben"></i>
                    <div class="name">课程</div>
                    <div class="fontclass">.icon-iconfontshuben</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duanxin"></i>
                    <div class="name">短信</div>
                    <div class="fontclass">.icon-duanxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yidong"></i>
                    <div class="name">移动</div>
                    <div class="fontclass">.icon-yidong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-unie71a"></i>
                    <div class="name">uniE71A</div>
                    <div class="fontclass">.icon-unie71a</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-unie71c"></i>
                    <div class="name">uniE71C</div>
                    <div class="fontclass">.icon-unie71c</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-txt"></i>
                    <div class="name">txt</div>
                    <div class="fontclass">.icon-txt</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cuowu"></i>
                    <div class="name">错误</div>
                    <div class="fontclass">.icon-cuowu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huijijiayuanshoucangicon01"></i>
                    <div class="name">收藏</div>
                    <div class="fontclass">.icon-huijijiayuanshoucangicon01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon10"></i>
                    <div class="name">个人</div>
                    <div class="fontclass">.icon-icon10</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqing1"></i>
                    <div class="name">表情</div>
                    <div class="fontclass">.icon-biaoqing1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontgoutong"></i>
                    <div class="name">沟通</div>
                    <div class="fontclass">.icon-iconfontgoutong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zanting"></i>
                    <div class="name">暂停</div>
                    <div class="fontclass">.icon-zanting</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jifen1"></i>
                    <div class="name">积分</div>
                    <div class="fontclass">.icon-jifen1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconmingdao"></i>
                    <div class="name">icon_明道</div>
                    <div class="fontclass">.icon-iconmingdao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-roundcheck"></i>
                    <div class="name">通过－17</div>
                    <div class="fontclass">.icon-roundcheck</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-roundclose"></i>
                    <div class="name">不通过－17</div>
                    <div class="fontclass">.icon-roundclose</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjia"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-tianjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rizhi1"></i>
                    <div class="name">日志</div>
                    <div class="fontclass">.icon-rizhi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiayiye"></i>
                    <div class="name">下一页</div>
                    <div class="fontclass">.icon-xiayiye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qianyiye"></i>
                    <div class="name">前一页</div>
                    <div class="fontclass">.icon-qianyiye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouqi"></i>
                    <div class="name">收起</div>
                    <div class="fontclass">.icon-shouqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaoxitongxun"></i>
                    <div class="name">消息通讯</div>
                    <div class="fontclass">.icon-xiaoxitongxun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon04"></i>
                    <div class="name">考试</div>
                    <div class="fontclass">.icon-icon04</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuaxin1"></i>
                    <div class="name">shuaxin</div>
                    <div class="fontclass">.icon-shuaxin1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuju"></i>
                    <div class="name">数据</div>
                    <div class="fontclass">.icon-shuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijian4"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.icon-shijian4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chexiao"></i>
                    <div class="name">撤销</div>
                    <div class="fontclass">.icon-chexiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-butongguoshenhe"></i>
                    <div class="name">不通过审核</div>
                    <div class="fontclass">.icon-butongguoshenhe</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yaoqing1"></i>
                    <div class="name">邀请</div>
                    <div class="fontclass">.icon-yaoqing1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuanfa"></i>
                    <div class="name">转发</div>
                    <div class="fontclass">.icon-zhuanfa</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-riqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghuzu"></i>
                    <div class="name">用户组</div>
                    <div class="fontclass">.icon-yonghuzu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuxing"></i>
                    <div class="name">属性</div>
                    <div class="fontclass">.icon-shuxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wrong"></i>
                    <div class="name">错误</div>
                    <div class="fontclass">.icon-wrong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-saomiaojieguokanbujianzhuanhuan"></i>
                    <div class="name">扫描结果（看不见） [转换]</div>
                    <div class="fontclass">.icon-saomiaojieguokanbujianzhuanhuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ren"></i>
                    <div class="name">人</div>
                    <div class="fontclass">.icon-ren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuan"></i>
                    <div class="name">圆</div>
                    <div class="fontclass">.icon-yuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijian"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.icon-shijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucang"></i>
                    <div class="name">收藏</div>
                    <div class="fontclass">.icon-shoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipin4"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fcstubiao16"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-fcstubiao16</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-miaoshu"></i>
                    <div class="name">描述</div>
                    <div class="fontclass">.icon-miaoshu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiazai2"></i>
                    <div class="name">下载</div>
                    <div class="fontclass">.icon-xiazai2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0203"></i>
                    <div class="name">用户</div>
                    <div class="fontclass">.icon-iconset0203</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-a166"></i>
                    <div class="name">邀请</div>
                    <div class="fontclass">.icon-a166</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwu"></i>
                    <div class="name">任务</div>
                    <div class="fontclass">.icon-renwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wancheng-copy"></i>
                    <div class="name">完成</div>
                    <div class="fontclass">.icon-wancheng-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jilu1"></i>
                    <div class="name">记录</div>
                    <div class="fontclass">.icon-jilu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanye"></i>
                    <div class="name">翻页</div>
                    <div class="fontclass">.icon-fanye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanye-copy"></i>
                    <div class="name">翻页</div>
                    <div class="fontclass">.icon-fanye-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-intro"></i>
                    <div class="name">介绍</div>
                    <div class="fontclass">.icon-intro</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-14fuzerenbiaoqian"></i>
                    <div class="name">14负责人标签</div>
                    <div class="fontclass">.icon-14fuzerenbiaoqian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huida01"></i>
                    <div class="name">回答-01</div>
                    <div class="fontclass">.icon-huida01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-copy"></i>
                    <div class="name">copy</div>
                    <div class="fontclass">.icon-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucang1"></i>
                    <div class="name">收藏</div>
                    <div class="fontclass">.icon-shoucang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-25"></i>
                    <div class="name">记录</div>
                    <div class="fontclass">.icon-25</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjian"></i>
                    <div class="name">文件</div>
                    <div class="fontclass">.icon-wenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiucuo"></i>
                    <div class="name">纠错</div>
                    <div class="fontclass">.icon-jiucuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoujihaoma"></i>
                    <div class="name">手机号码</div>
                    <div class="fontclass">.icon-shoujihaoma</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xingjikaoshi"></i>
                    <div class="name">星级考试</div>
                    <div class="fontclass">.icon-xingjikaoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-correct"></i>
                    <div class="name">正确</div>
                    <div class="fontclass">.icon-correct</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqing2"></i>
                    <div class="name">表情</div>
                    <div class="fontclass">.icon-biaoqing2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzeren"></i>
                    <div class="name">负责人</div>
                    <div class="fontclass">.icon-fuzeren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiye"></i>
                    <div class="name">企业</div>
                    <div class="fontclass">.icon-qiye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon2"></i>
                    <div class="name">完成中</div>
                    <div class="fontclass">.icon-icon2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bi-copy"></i>
                    <div class="name">笔</div>
                    <div class="fontclass">.icon-bi-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjianjiashouqi"></i>
                    <div class="name">文件夹收起</div>
                    <div class="fontclass">.icon-wenjianjiashouqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renyuandangan"></i>
                    <div class="name">人员档案</div>
                    <div class="fontclass">.icon-renyuandangan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-faxiaoxi"></i>
                    <div class="name">发消息</div>
                    <div class="fontclass">.icon-faxiaoxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuaxin2"></i>
                    <div class="name">shuaxin</div>
                    <div class="fontclass">.icon-shuaxin2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chenggong1"></i>
                    <div class="name">成功</div>
                    <div class="fontclass">.icon-chenggong1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liebiaomoshi"></i>
                    <div class="name">列表模式</div>
                    <div class="fontclass">.icon-liebiaomoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ai-code"></i>
                    <div class="name">代码</div>
                    <div class="fontclass">.icon-ai-code</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ai-users"></i>
                    <div class="name">用户组</div>
                    <div class="fontclass">.icon-ai-users</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-artboard38"></i>
                    <div class="name">通过</div>
                    <div class="fontclass">.icon-artboard38</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon"></i>
                    <div class="name">培训</div>
                    <div class="fontclass">.icon-icon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiangzhang"></i>
                    <div class="name">奖章</div>
                    <div class="fontclass">.icon-jiangzhang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ok"></i>
                    <div class="name">通过</div>
                    <div class="fontclass">.icon-ok</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiaoshifenxi"></i>
                    <div class="name">教师分析</div>
                    <div class="fontclass">.icon-jiaoshifenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijian2"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.icon-shijian2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuanzhong-copy"></i>
                    <div class="name">选中</div>
                    <div class="fontclass">.icon-xuanzhong-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kecheng"></i>
                    <div class="name">课程</div>
                    <div class="fontclass">.icon-kecheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzhi"></i>
                    <div class="name">复制</div>
                    <div class="fontclass">.icon-fuzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuwenmoshi"></i>
                    <div class="name">图文模式</div>
                    <div class="fontclass">.icon-tuwenmoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jian"></i>
                    <div class="name">功能</div>
                    <div class="fontclass">.icon-jian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jifen2"></i>
                    <div class="name">积分</div>
                    <div class="fontclass">.icon-jifen2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-maifangwenda"></i>
                    <div class="name">买房问答</div>
                    <div class="fontclass">.icon-maifangwenda</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liebiaomoshi1"></i>
                    <div class="name">列表模式</div>
                    <div class="fontclass">.icon-liebiaomoshi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mianliuliangchuanshu"></i>
                    <div class="name">免流量传输</div>
                    <div class="fontclass">.icon-mianliuliangchuanshu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-transcode-statistics"></i>
                    <div class="name">转码统计</div>
                    <div class="fontclass">.icon-transcode-statistics</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rongyujiangxiang"></i>
                    <div class="name">荣誉奖项</div>
                    <div class="fontclass">.icon-rongyujiangxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiangli"></i>
                    <div class="name">奖励</div>
                    <div class="fontclass">.icon-jiangli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-failed"></i>
                    <div class="name">茶资讯-审核不通过</div>
                    <div class="fontclass">.icon-failed</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongxiang"></i>
                    <div class="name">共享</div>
                    <div class="fontclass">.icon-gongxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kaoshi1"></i>
                    <div class="name">考试</div>
                    <div class="fontclass">.icon-kaoshi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi1"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-riqi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuijiahuida"></i>
                    <div class="name">最佳回答</div>
                    <div class="fontclass">.icon-zuijiahuida</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jia2"></i>
                    <div class="name">加</div>
                    <div class="fontclass">.icon-jia2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhishiku"></i>
                    <div class="name">知识库</div>
                    <div class="fontclass">.icon-zhishiku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kaoshi"></i>
                    <div class="name">考试</div>
                    <div class="fontclass">.icon-kaoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenhao"></i>
                    <div class="name">问好</div>
                    <div class="fontclass">.icon-wenhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-3333333"></i>
                    <div class="name">通讯录</div>
                    <div class="fontclass">.icon-3333333</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yidongwenjian"></i>
                    <div class="name">移动文件</div>
                    <div class="fontclass">.icon-yidongwenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rizhi2"></i>
                    <div class="name">日志</div>
                    <div class="fontclass">.icon-rizhi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-txt1"></i>
                    <div class="name">txt</div>
                    <div class="fontclass">.icon-txt1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ren4"></i>
                    <div class="name">ren</div>
                    <div class="fontclass">.icon-ren4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tag"></i>
                    <div class="name">标签</div>
                    <div class="fontclass">.icon-tag</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cuotiben"></i>
                    <div class="name">错题本</div>
                    <div class="fontclass">.icon-cuotiben</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-miaoshu1"></i>
                    <div class="name">描述</div>
                    <div class="fontclass">.icon-miaoshu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjiakecheng"></i>
                    <div class="name">添加课程</div>
                    <div class="fontclass">.icon-tianjiakecheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-5"></i>
                    <div class="name">记事本</div>
                    <div class="fontclass">.icon-5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jishitongxunweidianji"></i>
                    <div class="name">即时通讯（未点击）</div>
                    <div class="fontclass">.icon-jishitongxunweidianji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconbaoming"></i>
                    <div class="name">icon_报名</div>
                    <div class="fontclass">.icon-iconbaoming</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anpaikecheng"></i>
                    <div class="name">安排课程</div>
                    <div class="fontclass">.icon-anpaikecheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-piliang1"></i>
                    <div class="name">批量</div>
                    <div class="fontclass">.icon-piliang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqing"></i>
                    <div class="name">表情</div>
                    <div class="fontclass">.icon-biaoqing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti1fuzhi01"></i>
                    <div class="name">移动</div>
                    <div class="fontclass">.icon-weibiaoti1fuzhi01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jian3"></i>
                    <div class="name">减</div>
                    <div class="fontclass">.icon-jian3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongxin64x64"></i>
                    <div class="name">通信64x64</div>
                    <div class="fontclass">.icon-tongxin64x64</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedian"></i>
                    <div class="name">节点</div>
                    <div class="fontclass">.icon-jiedian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yundanbianhao"></i>
                    <div class="name">运单编号</div>
                    <div class="fontclass">.icon-yundanbianhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon27"></i>
                    <div class="name">进行</div>
                    <div class="fontclass">.icon-icon27</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijian5"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.icon-shijian5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rizhixitong"></i>
                    <div class="name">日志系统</div>
                    <div class="fontclass">.icon-rizhixitong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rongliang-copy"></i>
                    <div class="name">容量</div>
                    <div class="fontclass">.icon-rongliang-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedian1"></i>
                    <div class="name">节点</div>
                    <div class="fontclass">.icon-jiedian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fangda1"></i>
                    <div class="name">放大</div>
                    <div class="fontclass">.icon-fangda1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pinglun"></i>
                    <div class="name">评论</div>
                    <div class="fontclass">.icon-pinglun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xianshizuijiazujia"></i>
                    <div class="name">显示-最佳组价</div>
                    <div class="fontclass">.icon-xianshizuijiazujia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon_attachment"></i>
                    <div class="name">附件</div>
                    <div class="fontclass">.icon-icon_attachment</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon_right"></i>
                    <div class="name">正确</div>
                    <div class="fontclass">.icon-icon_right</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liebiao"></i>
                    <div class="name">列表</div>
                    <div class="fontclass">.icon-liebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhankai"></i>
                    <div class="name">展开</div>
                    <div class="fontclass">.icon-zhankai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shenhebutongguo"></i>
                    <div class="name">审核不通过</div>
                    <div class="fontclass">.icon-shenhebutongguo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ren1"></i>
                    <div class="name">人</div>
                    <div class="fontclass">.icon-ren1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xueyuan"></i>
                    <div class="name">学员</div>
                    <div class="fontclass">.icon-xueyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-data"></i>
                    <div class="name">数据</div>
                    <div class="fontclass">.icon-data</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-question"></i>
                    <div class="name">问好</div>
                    <div class="fontclass">.icon-icon-question</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-30shangyiye"></i>
                    <div class="name">30.上一页</div>
                    <div class="fontclass">.icon-30shangyiye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kecheng1"></i>
                    <div class="name">课程</div>
                    <div class="fontclass">.icon-kecheng1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kaoshixinxi"></i>
                    <div class="name">考试信息</div>
                    <div class="fontclass">.icon-kaoshixinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocun"></i>
                    <div class="name">保存</div>
                    <div class="fontclass">.icon-baocun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shenhetongguo"></i>
                    <div class="name">审核通过</div>
                    <div class="fontclass">.icon-shenhetongguo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-louyutubiaoyonghuzu"></i>
                    <div class="name">楼宇图标_用户组</div>
                    <div class="fontclass">.icon-louyutubiaoyonghuzu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongneng2"></i>
                    <div class="name">功能</div>
                    <div class="fontclass">.icon-gongneng2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rightArrow"></i>
                    <div class="name">登录</div>
                    <div class="fontclass">.icon-rightArrow</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijian3"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.icon-shijian3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconjieguochenggong"></i>
                    <div class="name">监控icon_结果_成功</div>
                    <div class="fontclass">.icon-iconjieguochenggong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhishiku1"></i>
                    <div class="name">知识库</div>
                    <div class="fontclass">.icon-zhishiku1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongzuorizhi"></i>
                    <div class="name">工作日志</div>
                    <div class="fontclass">.icon-gongzuorizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi2"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-riqi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqing-copy"></i>
                    <div class="name">表情</div>
                    <div class="fontclass">.icon-biaoqing-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weikaishiyixuan"></i>
                    <div class="name">未开始（已选）</div>
                    <div class="fontclass">.icon-weikaishiyixuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paixu1"></i>
                    <div class="name">排序</div>
                    <div class="fontclass">.icon-paixu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-my-zhibo-copy"></i>
                    <div class="name">我的直播</div>
                    <div class="fontclass">.icon-my-zhibo-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiapianmoshi"></i>
                    <div class="name">卡片模式</div>
                    <div class="fontclass">.icon-qiapianmoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwu1"></i>
                    <div class="name">任务</div>
                    <div class="fontclass">.icon-renwu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paixuicon"></i>
                    <div class="name">排序</div>
                    <div class="fontclass">.icon-paixuicon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinjianwenjianjia"></i>
                    <div class="name">新建文件夹</div>
                    <div class="fontclass">.icon-xinjianwenjianjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-folder"></i>
                    <div class="name">folder</div>
                    <div class="fontclass">.icon-folder</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-opened_folder"></i>
                    <div class="name">opened_folder</div>
                    <div class="fontclass">.icon-opened_folder</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiaose"></i>
                    <div class="name">角色</div>
                    <div class="fontclass">.icon-jiaose</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xueyuanguanli"></i>
                    <div class="name">学员管理</div>
                    <div class="fontclass">.icon-xueyuanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paixu2"></i>
                    <div class="name">排序</div>
                    <div class="fontclass">.icon-paixu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-question"></i>
                    <div class="name">问题</div>
                    <div class="fontclass">.icon-question</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuanhuan"></i>
                    <div class="name">zhuanhuan</div>
                    <div class="fontclass">.icon-zhuanhuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yulan2"></i>
                    <div class="name">预览</div>
                    <div class="fontclass">.icon-yulan2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuefen"></i>
                    <div class="name">学分</div>
                    <div class="fontclass">.icon-xuefen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jilu2"></i>
                    <div class="name">记录</div>
                    <div class="fontclass">.icon-jilu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liebiao1"></i>
                    <div class="name">列表</div>
                    <div class="fontclass">.icon-liebiao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongxin"></i>
                    <div class="name">通信</div>
                    <div class="fontclass">.icon-tongxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhang1"></i>
                    <div class="name">章1</div>
                    <div class="fontclass">.icon-zhang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rongliang"></i>
                    <div class="name">容量</div>
                    <div class="fontclass">.icon-rongliang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanpingshouqi"></i>
                    <div class="name">全屏收起</div>
                    <div class="fontclass">.icon-quanpingshouqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jian4"></i>
                    <div class="name">减</div>
                    <div class="fontclass">.icon-jian4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anli_renshu_1"></i>
                    <div class="name">案例_人数_1</div>
                    <div class="fontclass">.icon-anli_renshu_1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-id-216"></i>
                    <div class="name">通讯录</div>
                    <div class="fontclass">.icon-id-216</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuangonglizhi"></i>
                    <div class="name">员工离职</div>
                    <div class="fontclass">.icon-yuangonglizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rank-2"></i>
                    <div class="name">皇冠</div>
                    <div class="fontclass">.icon-rank-2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhinengyunying"></i>
                    <div class="name">智能运营</div>
                    <div class="fontclass">.icon-zhinengyunying</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-file"></i>
                    <div class="name">文件</div>
                    <div class="fontclass">.icon-file</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodecuoti"></i>
                    <div class="name">我的错题</div>
                    <div class="fontclass">.icon-wodecuoti</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinjianrizhi"></i>
                    <div class="name">新建日志</div>
                    <div class="fontclass">.icon-xinjianrizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaoxi"></i>
                    <div class="name">消息</div>
                    <div class="fontclass">.icon-xiaoxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jilu3"></i>
                    <div class="name">记录</div>
                    <div class="fontclass">.icon-jilu3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tiaochawenjuan"></i>
                    <div class="name">调查问卷</div>
                    <div class="fontclass">.icon-tiaochawenjuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tanhao"></i>
                    <div class="name">叹号</div>
                    <div class="fontclass">.icon-tanhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconzhongmingming-06"></i>
                    <div class="name">重命名</div>
                    <div class="fontclass">.icon-iconzhongmingming-06</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongjibaobiao"></i>
                    <div class="name">统计报表</div>
                    <div class="fontclass">.icon-tongjibaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouyeshouye2"></i>
                    <div class="name">首页-首页</div>
                    <div class="fontclass">.icon-shouyeshouye2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouqi1"></i>
                    <div class="name">收起</div>
                    <div class="fontclass">.icon-shouqi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhankai3"></i>
                    <div class="name">展开</div>
                    <div class="fontclass">.icon-zhankai3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi3"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-riqi3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongxin1"></i>
                    <div class="name">通信</div>
                    <div class="fontclass">.icon-tongxin1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangyiye"></i>
                    <div class="name">上一页</div>
                    <div class="fontclass">.icon-shangyiye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jia3"></i>
                    <div class="name">加</div>
                    <div class="fontclass">.icon-jia3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yongshi1"></i>
                    <div class="name">用时</div>
                    <div class="fontclass">.icon-yongshi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ren2"></i>
                    <div class="name">人</div>
                    <div class="fontclass">.icon-ren2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huifang-rili-xiangqinghuifang-dengjihuifangjieguo"></i>
                    <div class="name">回访-日历-详情回访-登记回访结果</div>
                    <div class="fontclass">.icon-huifang-rili-xiangqinghuifang-dengjihuifangjieguo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzhi1"></i>
                    <div class="name">复制</div>
                    <div class="fontclass">.icon-fuzhi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhankai4"></i>
                    <div class="name">展开</div>
                    <div class="fontclass">.icon-zhankai4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-invite"></i>
                    <div class="name">邀请</div>
                    <div class="fontclass">.icon-invite</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhaopian-copy"></i>
                    <div class="name">照片</div>
                    <div class="fontclass">.icon-zhaopian-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kechengchakan"></i>
                    <div class="name">课程查看</div>
                    <div class="fontclass">.icon-kechengchakan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fasong"></i>
                    <div class="name">发送</div>
                    <div class="fontclass">.icon-fasong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangyiye1"></i>
                    <div class="name">上一页 (1)</div>
                    <div class="fontclass">.icon-shangyiye1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangyiye2"></i>
                    <div class="name">上一页</div>
                    <div class="fontclass">.icon-shangyiye2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongzuomoshi"></i>
                    <div class="name">工作模式</div>
                    <div class="fontclass">.icon-gongzuomoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuzhijiagou"></i>
                    <div class="name">组织架构</div>
                    <div class="fontclass">.icon-zuzhijiagou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi4"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-riqi4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-redian1"></i>
                    <div class="name">热点</div>
                    <div class="fontclass">.icon-redian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wuxupailie1"></i>
                    <div class="name">无序排列</div>
                    <div class="fontclass">.icon-wuxupailie1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongneng3"></i>
                    <div class="name">功能</div>
                    <div class="fontclass">.icon-gongneng3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jichutubiao_jiangli"></i>
                    <div class="name">奖励</div>
                    <div class="fontclass">.icon-jichutubiao_jiangli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanliyuan"></i>
                    <div class="name">管理员</div>
                    <div class="fontclass">.icon-guanliyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon--zhishi"></i>
                    <div class="name">95-知识</div>
                    <div class="fontclass">.icon--zhishi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhishi"></i>
                    <div class="name">知识</div>
                    <div class="fontclass">.icon-zhishi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weiwanchengtai"></i>
                    <div class="name">未完成态</div>
                    <div class="fontclass">.icon-weiwanchengtai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liebiao2"></i>
                    <div class="name">列表</div>
                    <div class="fontclass">.icon-liebiao2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenda"></i>
                    <div class="name">问答</div>
                    <div class="fontclass">.icon-wenda</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-test"></i>
                    <div class="name">提交</div>
                    <div class="fontclass">.icon-icon-test</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo-sousuo"></i>
                    <div class="name">搜索-搜索</div>
                    <div class="fontclass">.icon-sousuo-sousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gengxin"></i>
                    <div class="name">更新</div>
                    <div class="fontclass">.icon-gengxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanneixin"></i>
                    <div class="name">站内信，列表</div>
                    <div class="fontclass">.icon-zhanneixin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xieti2"></i>
                    <div class="name">斜体</div>
                    <div class="fontclass">.icon-xieti2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huangguan"></i>
                    <div class="name">皇冠</div>
                    <div class="fontclass">.icon-huangguan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuaxin3"></i>
                    <div class="name">shuaxin</div>
                    <div class="fontclass">.icon-shuaxin3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-banyuanxuankuang"></i>
                    <div class="name">半圆选框</div>
                    <div class="fontclass">.icon-banyuanxuankuang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiayiye1"></i>
                    <div class="name">下一页</div>
                    <div class="fontclass">.icon-xiayiye1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-A1"></i>
                    <div class="name">A</div>
                    <div class="fontclass">.icon-A1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-juzuo"></i>
                    <div class="name">居左</div>
                    <div class="fontclass">.icon-juzuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwu-yichexiao"></i>
                    <div class="name">任务-已撤销</div>
                    <div class="fontclass">.icon-renwu-yichexiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwu-weiwancheng"></i>
                    <div class="name">任务-未完成</div>
                    <div class="fontclass">.icon-renwu-weiwancheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chaxun"></i>
                    <div class="name">查询</div>
                    <div class="fontclass">.icon-chaxun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mulumoshi"></i>
                    <div class="name">目录模式</div>
                    <div class="fontclass">.icon-mulumoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yidongwenjian1"></i>
                    <div class="name">移动文件</div>
                    <div class="fontclass">.icon-yidongwenjian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuanfa1"></i>
                    <div class="name">转发</div>
                    <div class="fontclass">.icon-zhuanfa1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzhi2"></i>
                    <div class="name">复制</div>
                    <div class="fontclass">.icon-fuzhi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jindu"></i>
                    <div class="name">进度</div>
                    <div class="fontclass">.icon-jindu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugai"></i>
                    <div class="name">修改</div>
                    <div class="fontclass">.icon-xiugai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cuotiben1"></i>
                    <div class="name">错题本</div>
                    <div class="fontclass">.icon-cuotiben1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuaxin4"></i>
                    <div class="name">shuaxin</div>
                    <div class="fontclass">.icon-shuaxin4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconheji-"></i>
                    <div class="name">无评论</div>
                    <div class="fontclass">.icon-iconheji-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kaoshidianji"></i>
                    <div class="name">我来回答</div>
                    <div class="fontclass">.icon-kaoshidianji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liebiaoliulanmoshi"></i>
                    <div class="name">列表浏览模式</div>
                    <div class="fontclass">.icon-liebiaoliulanmoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dqr"></i>
                    <div class="name">交易结果待确认</div>
                    <div class="fontclass">.icon-dqr</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gengxin1"></i>
                    <div class="name">更新(1)</div>
                    <div class="fontclass">.icon-gengxin1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqianchengse"></i>
                    <div class="name">标签橙色</div>
                    <div class="fontclass">.icon-biaoqianchengse</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqianhongse"></i>
                    <div class="name">标签红色</div>
                    <div class="fontclass">.icon-biaoqianhongse</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqianlvse"></i>
                    <div class="name">标签绿色</div>
                    <div class="fontclass">.icon-biaoqianlvse</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqianlanse"></i>
                    <div class="name">标签蓝色</div>
                    <div class="fontclass">.icon-biaoqianlanse</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqianhuangsese"></i>
                    <div class="name">标签黄色色</div>
                    <div class="fontclass">.icon-biaoqianhuangsese</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqianhuise"></i>
                    <div class="name">标签灰色</div>
                    <div class="fontclass">.icon-biaoqianhuise</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqianzise"></i>
                    <div class="name">标签紫色</div>
                    <div class="fontclass">.icon-biaoqianzise</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqiantoumingquanbu"></i>
                    <div class="name">标签透明全部</div>
                    <div class="fontclass">.icon-biaoqiantoumingquanbu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangyiye2-copy"></i>
                    <div class="name">上一页</div>
                    <div class="fontclass">.icon-shangyiye2-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ren3"></i>
                    <div class="name">人</div>
                    <div class="fontclass">.icon-ren3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paixu3-copy"></i>
                    <div class="name">排序</div>
                    <div class="fontclass">.icon-paixu3-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuaxin5"></i>
                    <div class="name">shuaxin</div>
                    <div class="fontclass">.icon-shuaxin5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangyiye2-copy-copy"></i>
                    <div class="name">上一页</div>
                    <div class="fontclass">.icon-shangyiye2-copy-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangyiye2-copy-copy-copy"></i>
                    <div class="name">上一页</div>
                    <div class="fontclass">.icon-shangyiye2-copy-copy-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouqi3-copy"></i>
                    <div class="name">收起</div>
                    <div class="fontclass">.icon-shouqi3-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dierming"></i>
                    <div class="name">第二名</div>
                    <div class="fontclass">.icon-dierming</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-disanming"></i>
                    <div class="name">第三名</div>
                    <div class="fontclass">.icon-disanming</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diyiming"></i>
                    <div class="name">第一名</div>
                    <div class="fontclass">.icon-diyiming</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
